<div class="layui-card">
    <!---->
    <div class="layui-header notselect">
        <div class="pull-left"><span>优惠劵</span></div>
        <div class="pull-right margin-right-15 nowrap">
            <button data-open="/shop/coupon/addCoupon" data-title="添加优惠劵" class="layui-btn layui-btn-sm layui-btn-primary">添加优惠劵</button>
        </div>
    </div>
    <div class="layui-card-body">
        <#--<form autocomplete="off" class="layui-form layui-form-pane form-search" onsubmit="return false;">-->
            <#--<div class="layui-form-item layui-inline">-->
                <#--<label class="layui-form-label">优惠形式</label>-->
                <#--<div class="layui-input-inline">-->
                    <#--<input id="type" name="type" value="" placeholder="类型" class="layui-input">-->
                <#--</div>-->
                <#--<div class="layui-form-item layui-inline">-->
                    <#--<label class="layui-form-label">key</label>-->
                    <#--<div class="layui-input-inline">-->
                        <#--<input id="key" name="key" value="" placeholder="key" class="layui-input">-->
                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
            <#--<div class="layui-form-item layui-inline">-->
                <#--<button class="layui-btn layui-btn-primary" onclick="doDictSearch();"><i class="layui-icon">&#xe615;</i> 搜 索</button>-->
            <#--</div>-->
        <#--</form>-->
        <table class="layui-hide" id="couponTable" lay-filter="couponTable"></table>
    </div>
</div>
<script type="text/html" id="imageTemplate">
    <img width="40px" height="40px" src="{{ d.logo }}" data-tips-image="{{ d.logo }}"/>
</script>
<script type="text/html" id="preferentialWayTemplate">
    {{getkey("preferentialWay",d.preferentialWay)}}
</script>
<script type="text/html" id="usedTemplate">
    {{d.used}}/{{d.drawed}}/{{d.total}}
</script>
<script type="text/html" id="overTemplate">
    {{getkey("overlying",d.overlying)}}
</script>
<script type="text/html" id="barTool">
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
    {{#  if(d.active===0){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="active">激活</a>
    {{#  } else { }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="forbid">禁止</a>
    {{#  } }}
</script>
<script type="text/html" id="activeTemplate">
    {{#  if(d.active===0){ }}
        <span style="color:#ff0000;">已禁止</span>
    {{#  } else { }}
        <span style="color: #0bb20c;">已激活</span>
    {{#  } }}
</script>
<script>
    var table;
    layui.use('table', function(){
        table = layui.table;
    });
    initCoupon();
    function initCoupon()
    {
        table.render({
            elem: '#couponTable'
            ,url:'/shop/coupon/ajax_list'
            ,title: '用户数据表'
            ,totalRow: true
            ,page: true
            ,id: 'idTest'
            ,cols: [[{field:'name', title:'名称'}
                ,{field:'preferentialWay', title:'优惠形式',templet: '#preferentialWayTemplate'}
                ,{field:'quota', title:'额度'}
                ,{field:'discount', title:'折扣'}
                ,{field:'overlying', title:'叠加',templet: '#overTemplate'}
                ,{field:'drawLimit', title:'领取限制'}
                ,{title:'已使用/已领取/总数',templet: '#usedTemplate'}
                ,{field:'restrictionMoney', title:'满减限制'}
                ,{field:'active', title:'状态',templet: '#activeTemplate'}
                ,{fixed: 'right', title:'操作',toolbar: '#barTool'}
            ]]
            ,response: {
                statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
            },
            where: {type:$("#type").val(),key:$("#key").val()}
            ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
                console.info(res)
                return {
                    "code":res.errorCode, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.data.totalElements, //解析数据长度
                    "data": res.data.rows //解析数据列表
                };
            }
        });
        //监听行工具事件
        table.on('tool(couponTable)', function(obj){
            var data = obj.data;
            if(obj.event === 'detail'){
                transData.id = data.id;
                $.form.href("/shop/coupon/detail?couponId="+data.id);
            } else if(obj.event === 'forbid'){
                $.form.modal("/shop/coupon/forbidCoupon",{id:data.id,active:0},"禁止");
            }
             else if(obj.event === 'active') {
                $.form.modal("/shop/coupon/forbidCoupon",{id:data.id,active:1},"激活");
            }
        });

    }
    function doCouponSearch()
    {
        initCoupon();
    }
</script>